<template>
<div>
  <div class="column">
          <router-link to="/home/column/columnson1" class="columna">默认</router-link>
          <router-link to="/home/column/columnson2" class="columna">上新</router-link>
          <router-link to="/home/column/columnson3" class="columna">销量</router-link>
          <router-link to="/home/column/columnson4" class="columna">活动</router-link>
  </div>
  <router-view/>
</div>
  
</template>

<script>
export default {

}
</script>

<style scoped>
.column{
  width: 2.1rem;
  height: 0.43rem;
  position: relative;
  left: 0.35rem;
  line-height: 0.43rem;
}
.columna{
  margin-right: 0.28rem;
  color: #6d6e71;
  font-size: 0.12rem;
}
.router-link-active{
    color: black;
    font-weight: bold;
  }

</style>